<template>
  <div style="padding: 20px">
    <h1>微信公众号开发测试</h1>
    <div>
      <van-button type="primary" @click="toShare">分享</van-button>
    </div>
  </div>
</template>

<script setup>
import wx from 'weixin-js-sdk'
console.log(wx)

wx.config({
  debug: true,
  appId: 'wxc00af4f21bf89c8f',
  timestamp: 1645502183,
  nonceStr: 'YATtdJ6WzVE9f1lA',
  signature: 'ab1adcd4b0b3fb1585ae9ff72be634953e55a6c6',
  jsApiList: ['checkJsApi', 'updateAppMessageShareData', 'updateTimelineShareData'],
})
wx.ready(() => {
  wx.checkJsApi({
    jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'], // 需要检测的 JS 接口列表，所有 JS 接口列表见附录2,
    success: function (res) {
      // 以键值对的形式返回，可用的 api 值true，不可用为false
      // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
    },
  })

  // 分享给朋友
  wx.updateAppMessageShareData({
    title: '', // 分享标题
    link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
    imgUrl: '', // 分享图标
    success: function () {
      // 设置成功
    },
  })
  // 分享到朋友圈
  wx.updateTimelineShareData({
    title: '', // 分享标题
    link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
    imgUrl: '', // 分享图标
    success: function () {
      // 设置成功
    },
  })
})
wx.error(function (res) {
  console.info('error 验证失败', res)
})
</script>

<style scoped></style>
